@charset "utf-8";
/* CSS Document */

body{ width:100%; font-size:12px;  line-height:28px; background-color:#fff4e0; color:#5b3e00;}
a{ color:#5b3e00; text-decoration:none;}
a:hover{ color:#990000; text-decoration:none;}

/* head
----------------------------------------------------------------------------------------------------*/
.top{ width:100%; height:120px; margin:0 auto; background:url(../images/topbg.jpg) repeat-x; }
.toplogo{ width:1002px; margin:0 auto; height:120px; }
.logo{ width:600px; float:left; height:120px;}
.logo a {font-size:26px; font-family:'微软雅黑'; line-height:120px;  color:#000; font-weight:bold;}
.topTel{ width:292px; float:right; padding-top:75px; font-size:26px; color:#b90100; font-weight:boldl; font-family:"Georgia";} 

.nav{ width:100%; height:45px; background:url(../images/navbg.jpg) repeat-x; }
.navMain{ width:940px; height:45px; margin:0 auto;  color:#fff; font-size:14px; background:url(../images/navMainbg.jpg) no-repeat left center;}
.navMain li{ width:104px; height:45px; text-align:center; float:left; background:url(../images/navli.jpg) no-repeat right center; line-height:43px;}
.navMain li a{ color:#fefefe;}
.navMain li a:hover{ color:#ffffcc;}
.bannerbg{ width:100%; min-width:1002px; width:auto!important; _width:expression(document.documentElement.clientWidth<1002?"1002px":"auto"); height:400px; margin:0 auto; /*background:url(../images/bannerbg.jpg) no-repeat center top; */}
.banner{ width:1002px; height:400px; margin:0 auto;}

/* ¹
----------------------------------------------------------------------------------------------------*/
.noticebg{ width:100%; height:37px; background: url(../images/noticebg.jpg) repeat-x; }
.notice{ width:1002px; height:37px; color:#663300; font:14px; margin:0 auto;}
.notice_title{  font-size:14px; color:#663300; line-height:35px;}
.notice_title span{ font:"";}

/* Ϣ
----------------------------------------------------------------------------------------------------*/
.partone{ width:1002px; margin:0 auto; padding-top:7px;}
.ind_news{ width:443px; float:left;}
.ind_news_top{ width:428px; height:37px; padding-left:15px;  font-size:14px;  background:url(../images/ind_newsbg.jpg) no-repeat; }
.fr_more{ float:right; font-size:12px; padding-right:15px;}
.fr_more a{color:#663300; line-height:26px; }
.ind_newsMain{ width:443px; }
.ind_newsMain_pic{ width:104px; height:164px; float:left; padding-right:10px; }
.ind_newsMain li{ width:430px; height:24px; line-height:24px; float:left; background:url(../images/ico.jpg) 3px center no-repeat; padding-left:8px;}
.ind_newsMain li a{ display:block; height:24px; color:#663300; float:left; padding-left:8px;}
.ind_newsMain li a:hover{ color:#990000;}


/* 
----------------------------------------------------------------------------------------------------*/
.ind_about{ width:533px; height:200px;  float:left; padding-left:26px;}
.ind_about_top{ width:518px; padding-left:15px; height:37px; background: url(../images/ind_aboutbg.jpg) no-repeat; font-size:14px;}
.ind_aboutMain{ width:533px; line-height:24px; overflow:hidden;}
.fl_about{ width:315px; height:161px; float:left; display:inline; overflow: hidden;}
.fl_pic{ width:218px; height:161px; float:left;}

/* ֳɹ
----------------------------------------------------------------------------------------------------*/
.parttwo{ width:1002px; margin:0 auto; padding-top:11px;}
.ind_cp{ width:1002px; height:17px; background:url(../images/yzcg_bg.jpg) no-repeat; line-height:17px; font-size:14px;}
.fr_more17{ float:right; line-height:17px; font-size:12px; padding-right:15px; }
.fr_more17 a{color:#663300; line-height:20px; }
.fl_15{ float:left; padding-left:15px;}

.ind_cpMain{ width:1002px;}
.ind_cpMain li{ float:left; width:188px; height:157px; padding:17px 0 16px 11px;  }
.ind_cpMain li a{}
.ind_cpMain li a img{ border:1px solid #cc904a; padding:4px; width:176px; height:146px;}

/*partthree
----------------------------------------------------------------------------------------------------*/
.partthree{ width:1002px; margin:0 auto; padding-bottom:10px; }
.ind_honor{ width:284px; height:208px; float:left; }
.ind_contact{ width:274px; float:left; }
.ind_contacttitle{ width:259px; height:37px; padding-left:15px; background:url(../images/ind_contacttitle.jpg) no-repeat; font-size:14px;}
.ind_contactMain{ width:259px; padding-left:15px;  height:170px; line-height:22px; }

/*footer
----------------------------------------------------------------------------------------------------*/
.footer{ width:100% ;  margin:0 auto; background:url(../images/footerbg.jpg) repeat-x; height:78px; }
.footerMain{ width:1002px; height:78px; margin:0 auto; background:url(../images/foot.jpg) no-repeat;}
.foot_logo{ width:250px; height:40px; float:left; padding-top:23px;}
.foot_text{ float:right; width:1002px; height:40px; padding-top:23px; text-align:center; line-height:22px; color:#ffcc99;}
.foot_text a{ color:#ffcc99; text-decoration:none;}
.foot_text a:hover{ text-decoration:none;}
/*ҳbanner
----------------------------------------------------------------------------------------------------*/
.sub_banner{ width:100%;min-width:1002px; width:auto!important; _width:expression(document.documentElement.clientWidth<1002?"1002px":"auto"); height:302px; margin:0 auto;  background:url(../images/sub_banner_bg.jpg) no-repeat; }
.sub_bannerMain{ width:1002px; height:302px; margin:0 auto;}
.height7{ width:100%; height:7px; margin:0 auto; clear:both;}

/* fy_left
----------------------------------------------------------------------------------------------------*/
#fy_main{ width:1002px; margin:0 auto;}
.fy_left{ width:206px; float:left;}
.fy_left_title{ height:34px; background:url(../images/sub_lx.jpg) no-repeat; padding-left:15px; font-size:16px; font-weight:bold;}
.fy_leftMain{ width:200px; padding:3px; }
.fy_leftMain ul{}
.fy_leftMain ul li { width:199px; height:30px; float:left; line-height:30px; text-align:center; padding-bottom:5px;}
.fy_leftMain ul li a{ background:url(../images/cpli.jpg) no-repeat top center; display:block; }
.fy_leftMain ul li a:link{ color:#663300;}
.fy_leftMain ul li a:hover{ background:url(../images/cpli_hover.jpg) no-repeat top center; color:#ffffcc;text-align:center; display:block;}

/* fy_contact
----------------------------------------------------------------------------------------------------*/
.fy_lx{ width:200px; padding-top:30px; padding-left:3px; padding-bottom:30px;}
.fy_leftMain_lx { line-height:22px; padding-top:5px;}


/* fy_right
----------------------------------------------------------------------------------------------------*/
.fyright{ width:784px; float:right; padding:1px;}
.fyright_title{ width:767px; height:32px; background: url(../images/sub_titlebg.jpg) no-repeat; padding-left:15px; font-size:15px;}
.fr_position{ float:right; line-height:22px; color:#666; padding-right:5px; font-size:12px; font-weight:100}
.fr_position a{ color:#666; }
.fr_position a:hover{ color:#cc9933; }

.fyrightMain{ width:782px; float:right; padding-top:15px;}
.fyrightMain ul {}
.fyrightMain ul li{ float:left; padding: 0 4px; }
.fyrightMain ul li p{ width:184px;  float:left; text-align:center; line-height:24px;  }
.fyrightMain ul li a img { border:1px solid #cc904a; padding:4px; width:176px; height:146px;}

/* ҳ
----------------------------------------------------------------------------------------------------*/
.page{clear:both; width:100%; text-align:center; padding:20px 0 15px 0; overflow:hidden; line-height:normal;}
.page ul{ margin:0 auto; overflow:hidden; float:right; padding:0 6px 0 0;}
.page ul li{ float:left; padding:0 3px 0 3px; font-size:12px; color:#333; vertical-align:middle}
.page a{ display:block; float:left; padding:4px 8px; border:1px #cccccc solid; text-decoration:none; color:#666;}
.page input{ width:30px; border:1px #999999 solid; line-height:22px; height:20px;}
.bg a{ background:#a46f10; color:#ffffcc;}
.bg:hover{ color: #990000;}

/* about
----------------------------------------------------------------------------------------------------*/
.fytext{ width:752px; padding:0px 10px 10px 10px; line-height:24px; }

/* news
----------------------------------------------------------------------------------------------------*/
.fynewsMain{width:100%; padding-top:15px; }
.fynewsMain ul li { padding-left:20px; width:96%; float:left; line-height:28px; background:url(../images/ico.jpg) left 12px no-repeat; }
.fynewsMain p{ float:left;}
.fynewsMain span{ float:right;}

/* product_view
----------------------------------------------------------------------------------------------------*/
.fyviewbt{ width:100%; height:35px; line-height:35px; font-size:18px; text-align:center; }
.fytime{ width:100%; height:30px; margin:0 auto; text-align:center; color:#999;}
.share{ width:220px; margin:0 auto; text-align:center;}
.fyimg{ width:100%; margin:0 auto; text-align:center; padding-top:10px;}
.fyimg img{  border:1px solid #cc904a; padding:4px; }
.fytxt { font-size:14px; padding:15px;}

/* line
----------------------------------------------------------------------------------------------------*/
.line{ width:95%; height:1px; border-bottom:dashed 1px #663300; margin:0 auto; clear:both;}

/* unpage
----------------------------------------------------------------------------------------------------*/
.unpage {width:96%;height:75px;padding:15px;}
.unpage p {line-height:22px;color:#663300;}
.unpage p a {color:#663300;}
.unpage p a:hover {color:#990000;}
.back {width:100%;line-height:20px;color:#663300;text-align:center;}
.back a {color:#666;}
.back a:hover {color:#990000;}

/* book
----------------------------------------------------------------------------------------------------*/
.conleavemsg {width:99%;margin:20px auto;color:#666666;}
.conleavemsg table{width:99%;}
.conleavemsg table tr td span {padding-left:5px;}
.conleavemsg table tr td p {padding-left:5px;}
.conleavemsg table tr td p a{color:#666666; text-decoration:none;}

/* hr ˲Ƹ
-----------------------------------------------------------------------------------------------------*/
.hr{ margin:10px auto 10px auto; width:95%;  line-height:24px; border:1px #CCC solid;}
.hr td{ border:1px #CCC solid;}
.hr a{ color:#333;}
.hr a:hover{ color:#de0303;}
.hr_btn{width:100px; height:40px; font-size:14px;}

/*css by hg_end*/
.Select { font-size: 12px; line-height: 20px; color: #7594aa; width: 185px; }

/*Եʽ*/
.bookmain{width:650px; margin:0 auto; height:auto;}
.bookline{width: 650px; height:34px; background-image: url(../images/about_box_line.jpg); background-repeat: no-repeat; background-position: 0 0; float:left; margin-top:10px;}
.book{ width:650px; margin:0 auto;}
.booktop{ width:650px; height:30px; float:left; background:url(../images/bookico.png) no-repeat 10px 7px; margin-top:20px;}
.booktop_name{ width:470px; height:30px; float:left; color:#5c6d8f; padding-left:30px; line-height:30px; font-weight:bold;}
.booktop_time{ width:150px; height:30px; float:left; color:#4b7bd4; text-align:right; line-height:30px;}
.bookcontent{ width:628px; min-height:40px; height: auto!important; height:40px;float:left; border:1px solid #b3c3e4; background:url(../images/bookcontentbg.jpg) repeat-x; background-color:#fff; padding:10px;}
.bookadmin{ width:650px; height:auto; float:left;}
.bookadmin_top{ width:650px; height:12px; float:left;}
.bookadmin_mid{ width:628px; min-height:30px; height: auto!important; height:30px; border-left:1px solid #d6deef; border-right:1px solid #d6deef; border-bottom:1px solid #d6deef; float:left; padding:10px; color:#8695b1;}
.messagecol{ color:#df5b0b;}
.admincol{ color:#0c3b90; font-weight:bold;}
.admintimecol{ color:#5e7194;}
.message{ width:600px; height:auto;float:left;padding-left:50px; color:#3d6a96;}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px;}
.message li input{ height:15px; line-height:15px; width:150px;}
.message li p.message_title{ width:100px; height:25px; float:left; text-align:right;}
.message li p.message_content{ width:400px; height:25px; float:left;}
.message li.contentb{ width:500px;height:130px; float:left;}
.message li.contentb textarea{ width:394px; height:120px;}
.message li.yzm{ width:500px;height:60px; float:left;}
.message li p.message_yzminput{ width:100px; height:15px; float:left;}
.message li p.message_yzminput input{ width:80px;}
.message li p.message_yzmico{ width:100px; height:40px; float:left;}
.message li p.message_sub{ width:200px; height:40px; float:left; text-align:right;}


.slideBox{ width:1002px; height:400px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{float:left;margin-right:5px;width:20px;height:20px;line-height:15px;text-align:center;background:#279d37;cursor:pointer;color:#f8fcff;
font-weight:bold;}
.slideBox .hd ul li.on{ background:#fb8c35; color:#f8fcff; }
.slideBox .bd{ position:relative; height:100%; z-index:0; overflow:hidden;  }
.slideBox .bd img{ width:1002px; height:400px; } 